<?php /*a:5:{s:72:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\index\tools.html";i:1590154888;s:67:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\layout.html";i:1590217625;s:74:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\public\header.html";i:1589556016;s:73:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\public\float.html";i:1587203341;s:74:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\public\footer.html";i:1588948031;}*/ ?>
<div>
    <div class="my_container">
        <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>

    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/homePage.css" />
    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/tooltip.css" />
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui@2.12.0/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui@2.12.0/lib/index.js"></script>
    <script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/qs/6.5.1/qs.min.js"></script>


</head>

<body>
    <div class="top">
        <div class="name">
            <a style="text-decoration: none;" href="<?php echo url('index/getHomePage'); ?>">
                <img src="http://localhost/tp5/public/img/header/logo.png" style="width:8em">
                <!--火花设计思维分享-->
            </a>
        </div>
        <?php if(!isset($_COOKIE['user'])): ?>
        <div class="login" style="margin-left: 50%;"><a href="<?php echo url('index/login'); ?>" style="font-size: 20px;">登录</a></div>
        <div class="register"><a href="<?php echo url('index/register'); ?>" style="font-size: 20px;">注册</a></div>

        <?php else: ?>

        <!--添加成员的消息通知-->
        <div onclick="window.location.href='<?php echo url('index/showPrjMemRequests'); ?>'" class="request_banner" style="display: none;"></div>


        <div class="login"><a id="header_projects" href="<?php echo url('index/getProjects',array('userId'=>$_COOKIE['user'])); ?>" style="font-size: 20px;">项目小组</a></div>


        <div class="register"><a id="header_methods" href="<?php echo url('index/getDesignMethods'); ?>" style="font-size: 20px;">设计方法</a></div>
        <div class="register"><a id="header_cases" href="<?php echo url('index/getPublicCanvasLists'); ?>" style="font-size: 20px;">创意社区</a></div>
        <div class="register"><a id="header_ques" href="<?php echo url('index/getSingleQuesBank'); ?>" style="font-size: 20px;">题库练习</a></div>


        <div class="welcome_banner" style="z-index:105;" onmouseover="$('#logout').show()" onmouseout="$('#logout').hide()">
            <svg style="margin-left:65px;" t="1573030732563" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2246" width="40" height="40">
                <path d="M512 950.857143c241.371429 0 438.857143-197.485714 438.857143-438.857143s-197.485714-438.857143-438.857143-438.857143-438.857143 197.485714-438.857143 438.857143 197.485714 438.857143 438.857143 438.857143z m0 73.142857c-285.257143 0-512-226.742857-512-512s226.742857-512 512-512 512 226.742857 512 512-226.742857 512-512 512z" fill="#e45440" p-id="2247">

                </path>
                <text x="50%" y="65%" style="fill:#e45440;font-size:550px;text-anchor: middle;">
                    <?php echo iconv_substr($_COOKIE['username'],0,1); ?>
                </text>
            </svg>


            <div id="logout">
                <div class="logout_top">
                    <text class="logout_user"><?php echo htmlentities($_COOKIE['username']); ?></text>
                    <br>
                    <text class="logout_id">ID: <?php echo htmlentities($_COOKIE['user']); ?></text>
                </div>

                <div class="logout_option">
                    <a href="<?php echo url('index/showPrjMemRequests'); ?>">我的消息</a>
                </div>

                <div class="logout_option">
                    <a href="<?php echo url('index/logout'); ?>">登出</a>
                </div>

                <div style="height: 6px;width: 100%;border-radius: 4px;"></div>
            </div>

            <svg style="float: right;margin-right: 30px;" t="1573118997341" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2175" width="15" height="40"><path d="M972.838375 233.161725c15.319322 15.477939 27.804007 28.100774 43.005646 43.46103-167.688762 171.229501-334.75329 341.814301-503.593304 514.220637C343.610253 619.265957 176.069875 448.809074 8.155979 277.978674c15.140239-13.528486 28.904092-25.828971 36.456303-32.582981C102.486983 299.970139 164.429441 355.920971 223.562844 414.706441c90.002299 89.475281 178.423545 180.552081 266.599191 271.833548 16.09194 16.659891 25.511737 17.96976 42.483746 0.450267 139.874522-144.366961 280.757028-287.756638 421.235317-431.540299C960.33834 248.844331 965.900165 241.36887 972.838375 233.161725z" p-id="2176"></path></svg>

        </div>
        <?php endif; ?>
    </div>
    <!--
<?php if(!isset($_COOKIE['user'])): ?>
<a href="<?php echo url('index/login'); ?>">登录</a>
<?php else: ?><a href="<?php echo url('index/logout'); ?>">登出</a>
<a href="<?php echo url('index/getProjects',array('userId'=>$_COOKIE['user'])); ?>">项目</a>
<?php endif; ?>-->

    <script>
        $.ajax({
            type: "GET",
            url: "http://localhost/tp5/public/index.php/index/index/getPrjMemRequests",
            data: {},
            xhrFields: {
                withCredentials: true
            },
            //crossDomain: true,
            success: function(result) {
                if (result != null && (result.request_list.length > 0 || result.reject_list.length > 0)) {
                    $(".request_banner").show();
                    $(".request_banner").html("<a style='cursor: pointer;'>-您有" + (result.request_list.length + result.reject_list.length) + "条消息-</a>");
                }
            }
        });

        /*$.get('http://localhost/tp5/public/index.php/index/index/getPrjMemRequests',{},function (result) {
            if(result != null && ( result.request_list.length > 0 || result.reject_list.length > 0) ) {
                $(".request_banner").show();
                $(".request_banner").html("<a>-您有" + ( result.request_list.length + result.reject_list.length ) + "条消息-</a>");
            }
            //$(".request_banner").load(location.href + " .request_banner");
        });*/
    </script>
</body>

</html> <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Tools</title>
    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/tools.css" />
    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/bootcssButtons.css" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/1.8.1/jquery.js"></script>
    <link href="http://localhost/tp5/public/CSS/toastr.css" rel="stylesheet" />
    <script src="http://localhost/tp5/public/JS/toastr.js"></script>
    <script src="http://localhost/tp5/public/JS/tools.js"></script>
</head>

<body>

    <?php if(isset($_COOKIE['user'])): ?>
    <div style="position:relative;height: 60px;width: 100%;background-color: #f9f9f9;border-bottom: 1px solid rgba(94, 94, 94, 0.767);">

        <!--本项目信息展示-->
        <div class="prj_info">
            <div style="float: left;">
                <div style="padding: 12px 0;float: left;">
                    <div class="return_btn" onclick="location.href='<?php echo url('index/getProjects',array('userId'=>$_COOKIE['user'])); ?>'">
                        <img style="width:24px;height: 24px;" src="http://localhost/tp5/public/img/return.png">
                    </div>
                </div>
                <p class="group_name"><?php echo htmlentities($prjInfo['prj_name']); ?></p>
                <p class="tool_edit" onclick="$('#change_prj_name').show();
                $('#cover').css('display','block');
                $('#cover').css('height','100%'); ">
                    <span class="glyphicon glyphicon-edit"></span>更改名称</p>
            </div>



            <div style="margin: 10px;display: inline-block;">
                <div style="position:relative;float:left;font-size: 18px;color:#666666;">

                    <?php if(is_array($prjMembers) || $prjMembers instanceof \think\Collection || $prjMembers instanceof \think\Paginator): $i = 0; $__LIST__ = $prjMembers;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$p): $mod = ($i % 2 );++$i;if($p['id']==$prjInfo['creator_id']): ?>
                    <div class="tooltip_left " style="float: none;">
                        <svg style="fill:#d81e06" t="1573030732563" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2246" width="30" height="30">
                        <path d="M512 950.857143c241.371429 0 438.857143-197.485714 438.857143-438.857143s-197.485714-438.857143-438.857143-438.857143-438.857143 197.485714-438.857143 438.857143 197.485714 438.857143 438.857143 438.857143z m0 73.142857c-285.257143 0-512-226.742857-512-512s226.742857-512 512-512 512 226.742857 512 512-226.742857 512-512 512z"  p-id="2247">

                        </path>
                        <text x="50%" y="65%" style="font-size:550px;text-anchor: middle;">
                            <?php echo iconv_substr($p['usr_name'],0,1); ?>
                        </text>
                    </svg>
                        <span class="tooltiptext_left"><?php echo htmlentities($p['usr_name']); ?></span>
                    </div>
                    <!--<b>(创建者)&nbsp;&nbsp;</b>-->
                    <?php else: ?>
                    <div class="tooltip_left " style="float: none;">
                        <svg style="fill:#8198ff;" t="1573030732563" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2246" width="30" height="30">
                        <path d="M512 950.857143c241.371429 0 438.857143-197.485714 438.857143-438.857143s-197.485714-438.857143-438.857143-438.857143-438.857143 197.485714-438.857143 438.857143 197.485714 438.857143 438.857143 438.857143z m0 73.142857c-285.257143 0-512-226.742857-512-512s226.742857-512 512-512 512 226.742857 512 512-226.742857 512-512 512z" p-id="2247">
                        </path>
                        <text x="50%" y="65%" style="font-size:550px;text-anchor: middle;">
                            <?php echo iconv_substr($p['usr_name'],0,1); ?>
                        </text>
                    </svg>

                        <span class="tooltiptext_left"><?php echo htmlentities($p['usr_name']); ?></span>
                    </div>
                    <?php endif; ?> <?php endforeach; endif; else: echo "" ;endif; ?>
                </div>

                <div class="member_option">

                    <svg onclick="$('#member_add').show();
                    $('#cover').css('display','block');
                    $('#cover').css('height','100%'); " style="width: 30px;height: 30px;cursor: pointer;">
                    <svg>
                        <circle style="fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4.0002,4.0002;" cx="15" cy="15" r="14.01"/>
                    </svg>
                    <line style="fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" x1="8.46" y1="15" x2="21.54" y2="15" />
                    <line style="fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" x1="15" y1="21.54" x2="15" y2="8.46" />
                    </svg>


                    <?php if($prjInfo['creator_id'] == $_COOKIE['user']): ?>

                    <svg onclick="$('#member_del').show();
                    $('#cover').css('display','block');
                    $('#cover').css('height','100%');" style="width: 30px;height: 30px;cursor: pointer;">
                    <svg>
                        <circle style="fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4.0002,4.0002;" cx="15" cy="15" r="14.01"/>
                    </svg>
                    <line style="fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" x1="8.46" y1="15" x2="21.54" y2="15" />
                    </svg>
                    <?php endif; ?>
                </div>
            </div>
        </div>

        <!--更改项目名称part-->
        <div id="change_prj_name" class="showdiv" style="height: 180px;">
            <div class="showdiv_title">
                更改小组名称
            </div>

            <div class="showdiv_prompt">

                <form onsubmit="return checkChangePrjName()" action="<?php echo url('index/changePrjName'); ?>" method="post">
                    请输入新的小组名称：
                    <input type="text" name="prjName" id="newPrjName" />


                    <div id="invalid_length" style="display: none;color: red;font-size: 13px;">小组名称暂时不支持超过10个字符</div>

                    <input type="hidden" name="prjId" value="<?php echo htmlentities($prjId); ?>" />

                    <button type="button" class="button button-medium " onclick="$('#change_prj_name').hide();
                    $('#cover').css('display','none');" style="margin:35px 0 10px 33%;">
                    取消</button>
                    <button type="submit" class="button button-action button-medium" style="margin-left: 10px;margin-bottom: 10px">
                    确定</button>
                </form>
            </div>
        </div>


        <!--添加项目成员part-->
        <div id="member_add" class="showdiv" style="display: none">
            <div class="showdiv_title">
                添加小组成员
            </div>

            <div class="showdiv_prompt">
                请输入要添加成员的用户ID或用户名：
                <input type="text" name="userId" id="userId" style="margin-left: 50px;margin-top: 10px;" />
                <input type="hidden" value="<?php echo htmlentities($prjId); ?>" id="prjId" name="prjId" />
            </div>

            <button class="button button-medium " onclick="$('#member_add').hide();
                    $('#cover').css('display','none');" style="margin-left: 34%;margin-bottom: 10px;margin-top: 40px;">
        关闭</button>
            <button onclick="sendAddPrjMember()" class="button button-action button-medium" style="margin-left: 10px;margin-bottom: 10px">
            确定</button>

        </div>


        <!--删除项目成员part-->
        <div id="member_del" class="showdiv" style="display: none">

            <div class="showdiv_title">
                移出小组成员
            </div>

            <div class="showdiv_prompt" style="height: 130px;">
                请选择要移出成员的用户ID：
                <select id="member_del_select">
                <?php if(is_array($prjMembers) || $prjMembers instanceof \think\Collection || $prjMembers instanceof \think\Paginator): $i = 0; $__LIST__ = $prjMembers;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$p): $mod = ($i % 2 );++$i;if($p['id'] != $prjInfo['creator_id']): ?>

                    <option selected="selected" disabled="disabled"  style='display: none' value=''></option>

                    <option value="<?php echo htmlentities($p['id']); ?>"><?php echo htmlentities($p['usr_name']); ?>[ID:<?php echo htmlentities($p['id']); ?>]</option>
                    <?php endif; ?>
                <?php endforeach; endif; else: echo "" ;endif; ?>
                </select>
                <br><br>
                <button class="button button-medium " onclick="$('#member_del').hide();
                    $('#cover').css('display','none');" style="margin-left: 25%;margin-bottom: 10px;">
                关闭</button>
                <button onclick="delMember('<?php echo htmlentities($prjId); ?>')" class="button button-action button-medium" style="margin-left: 10px;margin-bottom: 10px">
                确定</button>
                </form>
            </div>
        </div>

    </div>


    <div style="display: flex;">
        <!--两列布局：左侧-->
        <div style="float: left;width: 180px;">

            <div>
                <div id="discussion_tab" class="tab_one">
                    <img src="http://localhost/tp5/public/img/remen.png">
                    <div class="tab_content" onclick="
                    $('#creation_tab').css('background-color','');
                    $('#discussion_tab').css('background-color','#e8e8e8');
                    $('#creation_content').hide();
                    $('#discussion_content').show();">练习</div>
                </div>
                <div id="creation_tab" class="tab_one">
                    <div class="tab_content" onclick="
                    $('#creation_tab').css('background-color','#e8e8e8');
                    $('#discussion_tab').css('background-color','');
                    $('#creation_content').show();
                    $('#discussion_content').hide();">我的项目</div>
                </div>
            </div>
        </div>


        <!--两列布局：右侧-->
        <div style="overflow: hidden;border-left:solid 1px #bbbbbe;flex:1">
            <!--创意part-->
            <div id="creation_content" style="display: none;">
                <div style="margin:23px 0;height: -webkit-max-content;">
                    <!--<text style="font-size: 24px;float: left;">工具</text>-->
                    <button class="add_tool" onclick="showWindow()" style="color:white;margin:0 3%;">
                    新增工具</button>
                </div>
                <!--项目的工具列表-->


                <?php if(is_array($tools) || $tools instanceof \think\Collection || $tools instanceof \think\Paginator): $i = 0; $__LIST__ = $tools;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$t): $mod = ($i % 2 );++$i;?>
                <div class="tool_item" onclick="location.href='<?php echo url('index/getRecords',array('toolId'=>$t['id'])); ?>'" style="position: relative;">
                    <?php if($t['tool_type']=='共感图'): ?>
                    <img class="tool_item_sub" src="http://localhost/tp5/public/img/tool_gonggantu.png" style="opacity:0.6;">
                    <div class="tool_item_sub" style="height: 30px;">
                        <?php echo htmlentities($t['tool_type']); ?>： <?php if(strlen($t['targetUser']) == 0): ?> (目标用户未定义) <?php else: if(iconv_strlen($t['targetUser']) > 10): ?> <?php echo iconv_substr($t['targetUser'],0,10)."..."; else: ?> <?php echo htmlentities($t['targetUser']); ?> <?php endif; ?> <?php endif; ?>

                    </div>
                    <?php elseif($t['tool_type']=='商业模式画布'): ?>
                    <img class="tool_item_sub" src="http://localhost/tp5/public/img/tool_business.png" style="opacity:0.6;">
                    <div class="tool_item_sub" style="height: 30px;">
                        <?php echo htmlentities($t['tool_type']); ?>
                    </div>
                    <?php elseif($t['tool_type']=='四象限法'): ?>
                    <img class="tool_item_sub" src="http://localhost/tp5/public/img/tool_si.png" style="opacity:0.6;">
                    <div class="tool_item_sub" style="height: 30px;">
                        <?php echo htmlentities($t['tool_type']); ?>： <?php if(strlen($t['purpose']) == 0): ?> (目标未定义) <?php else: if(iconv_strlen($t['purpose']) > 10): ?> <?php echo iconv_substr($t['purpose'],0,10)."..."; else: ?> <?php echo htmlentities($t['purpose']); ?> <?php endif; ?> <?php endif; ?>
                    </div>
                    <?php elseif($t['tool_type']=='HMW'): ?>
                    <img class="tool_item_sub" src="http://localhost/tp5/public/img/tool_HMW.png" style="opacity:0.6;">
                    <div class="tool_item_sub" style="height: 30px;">
                        <?php echo htmlentities($t['tool_type']); ?>
                    </div>
                    <?php elseif($t['tool_type']=='用户旅程图'): ?>
                    <img class="tool_item_sub" src="http://localhost/tp5/public/img/tool_business.png" style="opacity:0.6;">
                    <div class="tool_item_sub" style="height: 30px;">
                        <?php echo htmlentities($t['tool_type']); ?>
                    </div>
                    <?php endif; ?>


                    <div>
                        <?php if(in_array(($t['id']), is_array($newToolIds)?$newToolIds:explode(',',$newToolIds))): ?>
                        <img style="position: absolute;top:0%;right:0%;width: 18%;" src="http://localhost/tp5/public/img/new_tool.png"> <?php endif; ?>
                    </div>
                </div>
                <?php endforeach; endif; else: echo "" ;endif; ?>


            </div>

            <!--讨论part-->
            <div id="discussion_content" style="margin: 25px 0px 0px 3%;">
                <?php if(is_array($quesBank) || $quesBank instanceof \think\Collection || $quesBank instanceof \think\Paginator): $i = 0; $__LIST__ = $quesBank;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$q): $mod = ($i % 2 );++$i;?>
                <div>
                    <div>
                        <?php echo htmlentities($i); ?>.&nbsp;<?php echo htmlentities($q['ques_type']); ?>&nbsp;|&nbsp;<?php echo htmlentities($q['content']); ?>
                    </div>
                    <div style="width: 280px;height: 190px;margin: 20px;border: 1px solid #d9d9d9;">
                        <div onclick="location.href='<?php echo url('index/getQuesTool',array('quesId'=>$q['id'], 'prjId'=>$prjId)); ?>'" style="height:158px;line-height:158px;background-color: #f4f4f4;color:#437dff;text-align: center;cursor: pointer;">

                            <!--点击开始我和组员的讨论-->
                            <?php if($q['tool_type']=='共感图'): ?>
                            <img src="http://localhost/tp5/public/img/ques_gonggantu_team.png" style="width: 100%;"> <?php elseif($q['tool_type']=='HMW'): ?>
                            <img src="http://localhost/tp5/public/img/ques_HMW_team.png" style="width: 100%;"> <?php endif; ?>
                        </div>
                        <div style="font-size: 14px;padding: 5px 0 5px 10px;">
                            <?php echo htmlentities($q['tool_type']); if($q['tool_extra'] != ''): ?> &nbsp;:&nbsp;<?php echo htmlentities($q['tool_extra']); ?> <?php endif; ?>
                        </div>
                    </div>

                </div>
                <?php endforeach; endif; else: echo "" ;endif; ?>
            </div>
        </div>


    </div>


    <!--以下为新增工具时的弹窗相关-->
    <!-- 遮罩层 -->
    <div id="cover" class="cover"></div>
    <!-- 弹窗 -->
    <div id="showdiv" class="showdiv" style="width: 1190px;height: 450px;left: 5%;top: 16%;">
        <!-- 标题 -->
        <div class="showdiv_title">
            创建工具
        </div>
        <!-- 内容 -->

        <div id="gonggantu_option" class="add_tool_type_div" onclick="
            $('.add_tool_type_div').each(function(idx,ele) {
                $(ele).css('border','solid 1px lightgray');
            });

            $(this).css('border','solid 2px blue');

            addToolTypeIdx = 0;
            $('#next_step_btn').attr('onclick','addToolsConfirm()' );">
            <div style="width: 100%;height: 120px;background-color: lightgray;">
                <img src="http://localhost/tp5/public/img/add_tool_gonggantu.png" style="width: 100%;">
            </div>

            <div class="tool_type_text" style="font-size:14px;margin-top:25px;">
                <div class="tool_type_str" style="text-align: center;">共感图</div>
                <div style="margin: 15px 0px 0px 7px;">
                    用拟人化的方法，帮助我们将注意力集中在用户身上，通过收集大量信息，了解目标用户所想、所听、所见、所说，以此明确用户的痛点和需求点。
                </div>
            </div>
        </div>


        <div id="sixiangxian1_option" class="add_tool_type_div" onclick="
        $('.add_tool_type_div').each(function(idx,ele) {
            $(ele).css('border','solid 1px lightgray');
        });
        $(this).css('border','solid 2px blue');

        addToolTypeIdx = 1;
        $('#next_step_btn').attr('onclick','addToolsConfirm()' ); ">
            <div style="width: 100%;height: 120px;background-color: lightgray;">
                <img src="http://localhost/tp5/public/img/add_tool_si1.png" style="width: 100%;">
            </div>

            <div class="tool_type_text" style="font-size:14px;margin-top:25px;">
                <div class="tool_type_str" style="text-align: center;">四象限法:可行性——价值</div>
                <div style="margin: 15px 0px 0px 7px;">
                    用于从“可行性”与“价值”维度评估想法，帮助我们在众多想法中决策出当前可行性高&价值高的。
                </div>
            </div>
        </div>

        <div id="sixiangxian2_option" class="add_tool_type_div" onclick="
        $('.add_tool_type_div').each(function(idx,ele) {
            $(ele).css('border','solid 1px lightgray');
        });

        $(this).css('border','solid 2px blue');

        addToolTypeIdx = 2;
        $('#next_step_btn').attr('onclick','addToolsConfirm()' ); ">
            <div style="width: 100%;height: 120px;background-color: lightgray;">
                <img src="http://localhost/tp5/public/img/add_tool_si2.png" style="width: 100%;">
            </div>

            <div class="tool_type_text" style="font-size:14px;margin-top:25px;">
                <div class="tool_type_str" style=" text-align: center;">四象限法:紧急度——重要性</div>
                <div style="margin: 15px 0px 0px 7px;">
                    用于从“重要性”与“紧急程度”维度评估想法，帮助我们为众多想法排序，重要&紧急的要立即搞定；重要&不紧急的要制定计划、稳步推进。
                </div>
            </div>
        </div>

        <div id="business_option" class="add_tool_type_div" onclick="
        $('.add_tool_type_div').each(function(idx,ele) {
            $(ele).css('border','solid 1px lightgray');
        });

        $(this).css('border','solid 2px blue');

        /*$('#next_step_btn').show(); $('#next_step_btn').html('确认');*/

        addToolTypeIdx = 3;
        $('#next_step_btn').attr('onclick','addToolsConfirm()' );">
            <div style="width: 100%;height: 120px;background-color: lightgray;">
                <img src="http://localhost/tp5/public/img/add_tool_business.png" style="width: 100%;">
            </div>

            <div class="tool_type_text" style="font-size:14px;margin-top:25px;">
                <div class="tool_type_str" style="text-align: center;">商业模式画布</div>
                <div style="margin: 15px 0px 0px 7px;">
                    用于将商业模式中的9个元素（价值主张、关键业务等）标准化，并强调元素间的相互作用，很好的体现了系统观的思维模式。
                </div>
            </div>
        </div>


        <div id="HMW_option" class="add_tool_type_div" onclick="
        $('.add_tool_type_div').each(function(idx,ele) {
            $(ele).css('border','solid 1px lightgray');
        });

        $(this).css('border','solid 2px blue');

        addToolTypeIdx = 4;
        $('#next_step_btn').attr('onclick','addToolsConfirm()' );">
            <div style="width: 100%;height: 120px;background-color: lightgray;">
                <img src="http://localhost/tp5/public/img/add_tool_HMW.png" style="width: 100%;">
            </div>

            <div class="tool_type_text" style="font-size:14px;margin-top:25px;">
                <div class="tool_type_str" style="text-align: center;">HMW(How Might We)</div>
                <div style="margin: 15px 0px 0px 7px;">
                    以How might we（我们应该如何）的句式开头，寻找解决问题的方向，不断扩展需要解决的问题，寻找创新机会点。
                </div>
            </div>
        </div>

        <!-- 按钮 -->

        <div class="button button-medium " onclick="closeWindow()" style="position: absolute;left: 35%;top: 86%;">
            取消</div>
        <div id="next_step_btn" class="button button-medium button-action" style="position:absolute;left: 55%;top: 86%;">
            确认</div>

    </div>

    <?php endif; ?>

    <script>
        $('#header_projects').css('border-bottom', 'solid 2px #000000');
        $('#header_projects').css('font-weight', 'bold');


        $('#discussion_tab').css('background-color', '#e8e8e8');


        //判断左侧tab 默认是谁
        //if(location.href.indexOf('creation') > 0) {
        setTimeout(function() {
            //console.log($('div#creation_tab .tab_content'));
            $('div#creation_tab .tab_content').trigger('click');
        }, 0);
        //}

        function delMember(prjId) {
            var userId = $('#member_del_select').val();

            if (userId > 0) {
                $.ajax({
                    type: "POST",
                    url: "http://localhost/tp5/public/index.php/index/index/delPrjMember",
                    data: {
                        prjId: prjId,
                        userId: userId
                    },
                    success: function(result) {
                        //console.log(result);
                        window.location.reload();
                    }
                });
            }
        }
    </script>


</body>

</html> <head>
    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/float_window.css" />
    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/tools.css" />
    <link href="http://localhost/tp5/public/CSS/toastr.css" rel="stylesheet" />
    <script src="http://localhost/tp5/public/JS/toastr.js"></script>
    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/bootcssButtons.css" />


    <script>
        function sendFeedback(userId) {
            var feedbackInfo = $('#feedbackInfo').val();
            var re = new RegExp("^[ ]+$");

            if (!re.test(feedbackInfo) && feedbackInfo != "" && feedbackInfo != null) {

                $.post("http://localhost/tp5/public/index.php/index/index/addFeedback", {
                    feedbackInfo: $('#feedbackInfo').val(),
                    userId: userId
                }, function() {
                    //显示一个信息没有标题
                    toastr.success('反馈已成功发送，感谢使用~');
                    setTimeout(function() {
                        toastr.clear();
                    }, 2000);
                });
            } else {
                toastr.error('反馈不能为空~');
                setTimeout(function() {
                    toastr.clear();
                }, 2000);
            }
        }

        function showFeedback() {
            $('#showdiv_F').show(); //显示弹窗
            $('#cover_F').css('display', 'block'); //显示遮罩层
            $('#cover_F').css('height', '100%'); //设置遮罩层的高度为当前页面高度
        }

        // 关闭弹窗
        function closeFeedback() {
            $('#showdiv_F').hide(); //隐藏弹窗
            $('#cover_F').css('display', 'none'); //隐藏遮罩层
        }
    </script>
</head>

<body>

    <!--<div style="height:1000px;"></div>-->

    <div class="guide">
        <div class="guide-wrap">
            <!--<a href="#" class="edit" title="发新帖"><span>发新帖</span></a>
        <a href="#" class="find" title="找论坛"><span>找论坛</span></a>-->
            <?php if(isset($_COOKIE['user'])): ?>
            <a href="javascript:showFeedback()" class="report" title="反馈"><span>反馈</span></a> <?php endif; ?>
            <a href="javascript:window.scrollTo(0,0)" class="top" title="回顶部"><span>回顶部</span></a>
        </div>
    </div>



    <?php if(isset($_COOKIE['user'])): ?>

    <!--以下为添加反馈时的弹窗相关-->
    <!-- 遮罩层 -->
    <div id="cover_F" class="cover"></div>
    <!-- 弹窗 -->
    <div id="showdiv_F" class="showdiv" style="height: 250px;">
        <!-- 标题 -->
        <div class="showdiv_title">
            意见和反馈
        </div>
        <!-- 内容 -->
        <div class="showdiv_prompt">
            请留下您的宝贵意见或反馈：

            <div>
                <textarea required id="feedbackInfo" style="height: 100px;width: 400px;margin-top: 20px;"></textarea>
            </div>
        </div>

        <!-- 按钮 -->
        <div class="button button-medium " onclick="closeFeedback()" style="position: absolute;left: 25%;top: 80%;">
            取消</div>
        <div id="next_step_btn" onclick="sendFeedback('<?php echo htmlentities($_COOKIE['user']); ?>')" class="button button-action button-medium" style="position:absolute;left: 50%;top: 80%;">
            发送</div>

    </div>

    <?php endif; ?>

</body>

    </div>
    <div class="footer">
        <style>
    a {
        text-decoration: none;
        color: #aaabab;
        text-decoration: none;
    }
    
    a:hover {
        color: #647BFF;
        text-decoration: none;
    }
</style>

<div style="font-size:18px;background-color: #f9f9f9;color:#aaabab;width:100%;/*padding: 20px 0;*/text-align: center;">
    Copyright © <a href="http://localhost/tp5/public/index.php">火花设计思维分享</a> 京ICP备19028873号-1
</div>
    </div>
</div>



<script>
    // 此处应修改，不能直接操作innerHTML，不然echarts绘图空白
    // var s = document.body.innerHTML;
    // s = s.replace(/商业/g, '产业');
    // document.body.innerHTML = s;
</script>


<style>
    * {
        margin: 0;
        padding: 0;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    .my_container {
        min-height: 600px;
        padding-bottom: -25px;
        min-width: 925px;
    }
    
    .my_container::after {
        content: "";
        clear: both;
        display: block;
    }
    
    .footer {
        height: 25px;
        min-width: 925px;
    }
    
    button {
        margin-left: 10px;
        border-radius: 20px;
        padding: 12px 23px;
        color: #fff;
        background-color: #409eff;
        border-color: #409eff;
        display: inline-block;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
        border: 1px solid #dcdfe6;
        -webkit-appearance: none;
        text-align: center;
        box-sizing: border-box;
        outline: none;
        margin: 0;
        transition: .1s;
        font-weight: 500;
        font-size: 14px;
        font-family: inherit;
        -webkit-writing-mode: horizontal-tb;
        text-rendering: auto;
    }
    
    button:hover {
        background: #66b1ff;
        border-color: #66b1ff;
        color: #fff;
    }
</style>